<template>
  <div class="about">
    <h1>This is an about page</h1>
    <h3>{{this.$route.query}}</h3>
    <button @click="getValue">获取主组件传来的值</button>
    <h3>{{this.$route.hash}}</h3>
    <div @click="forward()">前进</div>
  </div>
</template>
<script>
export default {
  methods: {
    getValue () {
      console.log(this.$route.query);
    },
    forward () {
      this.$router.go(1)
    }
  }
}
</script>
<style scoped lang="less">
.about {
  height: 200px;
  background: green;
}
</style>
